<template>
	<view> 
		<u-navbar  title="" back-text="预约详情" :is-back="true"    :background="{ background: '#000' }" :back-text-style="{color:'#FFF'}" back-icon-color="#fff"> </u-navbar>
		<view class="u-info-detail">
			<view class="line">
				<view class="we-title"> 预约单号: </view> {{ '123455' || item.appointmentId}}
			</view>
			<view class="line">
				<view class="we-title"> 预约人: </view> {{ '预约人' || item.people }}
			</view>
			<view class="line">
				<view class="we-title"> 发布时间: </view> {{ '2021/11/11 11:11' || item.createTime }}
			</view>
			<view class="line">
				<view class="we-title"> 预约时间: </view>{{ '2021/11/11 11:11' || item.appointmentTime }}
			</view>
			<view class="line">
				<view class="we-title"> 预约房源: </view>{{ '测试房源' || item.ztProperty.propertyName }}
			</view>
			<view class="line">
				<view class="we-title"> 联系电话: </view>{{ '130 1455 1234' || item.phone }}
			</view>
		</view>
		<view class="center" style="padding: 20px;background: #eee;margin-top: 50px;">
			<view class="appPng"> </view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				data: {}
			};
		},
		onLoad(e) {
			console.log(e);
		},
		mounted() {
			this.load()
		},
		methods: {
			async load() {
				var id =  uni.getStorageSync("id")
				var res = await this.ajax('/wx/appointment/' + id )
				this.data = res
				console.log("查询预约详情", res);
			},
		},
	};
</script>

<style lang="scss">
	.u-info-detail{
		.center {
			padding: 20px;background: #eee;
		}
		.line {
			display: FLEX;
			height: 40px;
			padding: 10px 20px;
			margin: 0 10px;
			border-bottom: 1px solid #eee;
		}
		
		.detail>.line:last-child {
			border-bottom: 0px solid #eee;
		}
		
		.we-title {
			margin-right: 5px;
			color: #ccc;
			width: 64px;
			text-align: justify;
			text-justify: distribute-all-lines;
			text-align-last: justify;
			
		}
		
		
	}
	
</style>
